<!DOCTYPE html>
<html lang="zh-cn" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title th:text="${meta.status}"></title>
    <meta content="webkit" name="renderer">
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
</head>

<link rel="stylesheet" th:href="@{/css/error.css}" type="text/css"/>
<script th:src="@{/js/jquery-1.7.2.min.js}"></script>
<script type="text/javascript">
    $(function () {
        const h = $(window).height();
        $('body').height(h);
        $('.mainBox').height(h);
        centerWindow(".tipInfo");
    });

    //2.将盒子方法放入这个方，方便法统一调用
    function centerWindow(a) {
        center(a);
        //自适应窗口
        $(window).bind('scroll resize',
            function () {
                center(a);
            });
    }

    //1.居中方法，传入需要剧中的标签
    function center(a) {
        const wWidth = $(window).width();
        const wHeight = $(window).height();
        const boxWidth = $(a).width();
        const boxHeight = $(a).height();
        const scrollTop = $(window).scrollTop();
        const scrollLeft = $(window).scrollLeft();
        const top = scrollTop + (wHeight - boxHeight) / 2;
        const left = scrollLeft + (wWidth - boxWidth) / 2;
        $(a).css({
            "top": top,
            "left": left
        });
    }
</script>
<body>


<div class="mainBox">
    <img alt="" class="yun yun0" th:src="@{/images/yun0.png}"/>
    <img alt="" class="yun yun1" th:src="@{/images/yun1.png}"/>
    <img alt="" class="yun yun2" th:src="@{/images/yun2.png}"/>
    <img alt="" class="bird" th:src="@{/images/bird.png}"/>
    <img alt="" class="san" th:src="@{/images/san.png}"/>
    <div class="tipInfo">
        <div class="in">
            <div class="textThis">


                <h2 th:text="${meta.msg}"></h2>

                <p><span>页面自动<a href="https://t4060916n0.goho.co/login" id="href">跳转</a></span><span>等待<b
                        id="wait">6</b>秒</span></p>
                <script type="text/javascript">                            (function () {
                    const wait = document.getElementById('wait'), href = document.getElementById('href').href;
                    const interval = setInterval(function () {
                        const time = --wait.innerHTML;
                        if (time <= 0) {

                            clearInterval(interval);
                            location.href = href;
                            //  alert("开始跳转提示");
                        }

                    }, 1000);
                })();
                </script>
            </div>
        </div>
    </div>
</div>

</body>
</html>